【CSS】::first-letter（擬似要素） - １文字目

CSSの擬似要素/first-letterについて解説します。

検証環境

CSS

macOS

14.1

first-letter

擬似要素/first-letterは“１文字目を表す擬似要素”です。

基本構文

::first-letter {
    プロパティ名: プロパティ値;
}

サンプル

『p要素内の１文字目』を意味するセレクターのサンプルです。

sample.html

<style>
___ih_hl_start
p::first-letter {
___ih_hl_end
    color: red;
}
</style>

<p>CSSの正式名称はCascading Style Sheetsです。セレクターやプロパティを定義し、ブラウザ表示のレイアウトや見た目を定義します。</p>

プレビュー